<extend name="en_us:Public:base" />
<block name="title">
    <title>QRInn - Interface Service</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=65393a524028c7e3b76e961a08059c7d">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/InterfaceServerPage/InterfaceServer.css?rev=fda3119c4ae662c9f47c96880472666d">
</block>
<block name="document">
    <div id="doc" class="container-above-md">
        <include file="en_us:Public:Include_control_navbar" navbar-menu-setting="active" />
        <div id="doc-body" class="row">
            <include file="en_us:Public:Include_interface_serve" doc-side-interface="active" />
            <div id="doc-center">   
                <div class="content-panel">
                    <div class="content-panel-header">
                        <div class="content-panel-title">Interface Service</div>
                    </div>
                    <div class="content-panel-body">
                        <div class="content-panel-help">CurrentHotel:{$hotelName}&nbsp;&nbsp;<span class="text-accent">Conditions of application: inns and QRBooking must be certified</span></div>
                        <table class="table content-panel-table">
                            <thead>
                                <tr>
                                    <th>Interface Type</th>
                                    <th>Interface Introduce</th>
                                    <th>Interface Document</th>
                                    <th><span style="margin-left: 120px;">Information</span></th>
                                    <th>Application</th>
                                </tr>
                            </thead>
                            <tbody>
                                <volist name="serverInfo" id="vo">
                                    <tr>
                                        <td class="col-xs-2">{$vo.name}</td>
                                        <td class="col-xs-2">{$vo.description}</td>
                                        <td class="col-xs-2">
                                            <div class="btn-link"><a href="{$vo.downurl}">Download</a></div>
                                        </td>
                                        <empty name="vo['applyInfo']">
                                            <td class="col-xs-5">No Information</td>
                                        <else />
                                            <td class="col-xs-5">
                                               <div class="interface-connent">
                                                   <div class="interface"><span>URL:</span><span>{$vo['applyInfo']['url']}</span><span class="btn-link" data-toggle="modal" data-id='{$vo.id}' data-url="{$vo['applyInfo']['url']}" data-target="#editURLModal">Modify</span></div>
                                                   <div class="interface"><span>APPID:</span><span>{$vo['applyInfo']['mz_appid']}</span></div>
                                                   <div class="interface"><span>Auth Token:</span><span>{$vo['applyInfo']['mz_key']}</span><span class="btn-link reseturl" data-id='{$vo.id}' data-url="{$vo['applyInfo']['url']}">Reset</span></div>                                               	
                                               </div>

                                           </td>
                                        </empty>
                                        <empty name="vo['applyInfo']">
                                            <td class="col-xs-1">
                                                <div class="btn-link" data-toggle="modal" data-id='{$vo.id}' data-name="{$vo.name}" data-target="#submitURLModal">Submit application</div>
                                            </td>
                                        <else />
                                            <td class="col-xs-1">
                                                <div>&nbsp;&nbsp;Applied</div>
                                            </td>
                                        </empty>
                                        
                                    </tr>
                                </volist>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!--end of doc-center-->
        </div>
        <!--end of doc body-->
    </div>
    <!--end of doc-->
    <!--Edit URL-->
    <div class="modal fade" data-backdrop="static" id="editURLModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title">Edit URL</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm" id="">
                        <div class="form-group">
                            <label class="col-xs-2 control-label">Edit URL</label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" id="requestEditURL" maxlength="255" autocomplete="off" placeholder="please input the URL" />
                            </div>
                        </div>                      
                    </form>
                    <div class="content-tip-help">
                        <div>Please fill in the full URL :http://www.php.net/index.php</div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <!--<button type="button" class="btn-sm btn-primary btn-raised" data-dismiss="modal" aria-label="Close">Cancel</button>-->
                                <button type="button" class="btn-sm btn-primary btn-raised" data-value="" id="requestEdit">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>    
    <!--申请Submit-->
    <div class="modal fade" data-backdrop="static" id="submitURLModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title">Fill in the information</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm" id="">
                        <div class="form-group">
                            <label class="col-xs-2 control-label"><span class="text-accent">*</span>CurrentHotel</label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" value="{$hotelName}" readonly="readonly" style="background: #fff;border: 0;box-shadow:inherit ;line-height: 36px;" />
                            </div>                            
                        </div>     
                        <div class="form-group">
                            <label class="col-xs-2 control-label"><span class="text-accent">*</span>Application</label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" value="" id="requestInterfaceName" readonly="readonly" style="background: #fff;border: 0;box-shadow:inherit ;line-height: 36px;" />
                            </div>                            
                        </div>                          
                        <div class="form-group">
                            <label class="col-xs-2 control-label">Conf URL</label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" id="requestURL" maxlength="255" autocomplete="off" placeholder="please input the URL" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label" style="padding: 0;">
                                <label class="checkbox ulite-js-checkbox ulite-js-ripple-effect"  style="margin: 0;float: right;">
                                    <input type="checkbox" class="checkbox-input checkbox-facility" id="server-agreement"/>
                                    <span class="checkbox-label"></span>
                                </label>
                            </label>
                            <div class="col-xs-9" style="font-size: 12px;height: 36px;">
                                <span style="margin-top: 2px;display: inline-block;">I have read and agree to this agreement&nbsp;</span>
                                <span style="margin-top: -3px;display: inline-block;height: 18px;line-height: 18px;" data-toggle="modal"  data-target="#protocalModal" class="btn-link">《Service agreement》</span>
                            </div>
                        </div>
                    </form>
                    <div class="content-tip-help">
                        <div>Please fill in the full URL :http://www.php.net/index.php</div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <!--<button type="button" class="btn-sm btn-primary btn-raised" data-dismiss="modal" aria-label="Close">Cancel</button>-->
                                <button type="button" class="btn-sm btn-primary btn-raised" data-value="" disabled="disabled" id="requestAdd">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>      
    
    <div class="modal fade" data-backdrop="static" id="protocalModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title">QRInn interface cooperation protocol</div>
                </div>
                <div class="modal-body">
                    <p>Special tips:</p>
                    <p>This agreement is signed by UCLBRT, Inc. (hereinafter referred to as 'UCLBRT') and has the legal effect of the contract.</p>
                    <p>You must read carefully and fully understand the terms of the service before using the 'QRInn interface service' (hereinafter referred to as 'this service'). Unless you have read and accepted all the terms of this agreement, you have no right to use this service. If you use this service, it is deemed that you have read and agree to the restriction of this agreement. If you have any doubt about this agreement, please consult with customer service.</p>
                    <p>1. Except as otherwise agreed by this agreement, neither party shall disclose to the third party the contents of the agreement, the user's personal information, the user's payment information, the interface technology, the security agreement and the certificate without the written consent of the party.</p>
                    <p>2. The headings used in this Agreement are for convenience only, and shall not be used to interpret any part of this agreement.</p>
                    <p>3. neither party shall disclose the contents of the agreement to the third party unless the agreement is approved by the other party in advance.</p>
                </div>
            </div>
        </div>
    </div>          
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=b068a314e7294938880462ae75484c5d"></script>
    <script type="text/javascript" src="/Public/dist/Home/InterfaceServerPage/InterfaceServer.js?rev=a90d5580da24f6a2119b52e28f59a24d"></script>
</block>
